import React from 'react'
import Echarts from '../../components/echarts'

const EchartsComponent = () => {
  const chartData = {
    xData: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] },
    series: [
      {
        type: 'line',
        smooth: true,
        data: [820, 932, 901, 934, 1290, 1330, 1320]
      },
      {
        type: 'line',
        smooth: true,
        data: [80, 92, 91, 94, 1000, 130, 120]
      },
      {
        type: 'line',
        smooth: true,
        data: [10, 192, 91, 294, 100, 360, 80]
      }
    ]
  }

  return <>
    <Echarts style={{ width: '90%', height: '300px' }} chartData={chartData} />
  </>
}

export default EchartsComponent
